<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>User's information</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/menu.css"/>
<link rel="stylesheet" type="text/css" href="css/button.css"/>
<script type="text/javascript">
function SelectText(id)
		{
			document.getElementById(id).focus();
			document.getElementById(id).select();
		}
	var i = 0;
	window.setInterval(function() {
		document.getElementById("bannerImg").src = "images/banner"+i+".jpg";
		i++;
		if (i==5) i = 0;
	}, 3000);
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
</head>

<body>
	<div id="container">
    	<div id="header">
        	<div id="logo">
            	<img src="images/logo_top.gif" width="500" height="62" alt="logo" />
            </div>
            <div id="login">
				<br/><span class="loginText" style="width:100%">Welcome username</span>
                <br/><a class="loginText" style="width:100%;color:#F60;text-align:right;" href="#">Log out</a>
            </div>
    	</div>
        <div id="banner">
       	  <img src="images/banner2.jpg" name="bannerImg" width="760" height="210" id="bannerImg" />
        </div>
        <div id="menu">
        	<ul class="navigation">
                <li><a href="index.html"><em class="home"></em><b>Home</b></a></li>
                <li><a href="#"><em class="templates"></em><b>News</b></a></li>
                <li class="current"><a href="user.html"><em class="psd"></em><b>User</b></a></li>
                <li><a href="catalogue.html"><em class="tutorials"></em><b>Catalogue</b></a></li>
                <li><a href="shoppingcart.html"><em class="shop"></em><b>Shopping cart</b></a></li>
                <li><a href="#"><em class="contact"></em><b>Contact Us</b></a></li>
            </ul>
      	</div>
        <div id="main">
        	<span class="loginText" style="margin-left:10%;width:90%;padding-bottom:30px;font:large bold">
            	Huynh Tan Loc</span>
        	<div class="personal_info">
                <span class="searchText" style="margin-left:10%;width:20%;">Address</span>
                <input name="txtAddress" type="text" maxlength="50" /></div>
            
            <div class="personal_info">
                <span class="searchText" style="margin-left:10%;width:20%;">Email</span>
                <input name="txtEmail" type="text" maxlength="50" /></div>
            
            <div class="personal_info">
                <span class="searchText" style="margin-left:10%;width:20%;">Phone</span>
                <input name="txtPhone" type="text" maxlength="50" /></div>
            
            <div class="personal_info">
                <span class="searchText" style="margin-left:10%;width:20%;">ID number</span>
                <input name="txtID" type="text" maxlength="50" /></div>
                
            <span class="loginText" style="margin-left:10%;width:90%;padding:30px 0 30px 0;font:large bold">
            Change password</span>
        	<div class="personal_info">
                <span class="searchText" style="margin-left:10%;width:25%;">Current password</span>
                <input name="txtAddress" type="password" maxlength="50" /></div>
            
            <div class="personal_info">
                <span class="searchText" style="margin-left:10%;width:25%;">New password</span>
                <input name="txtEmail" type="password" maxlength="50" /></div>
            <div class="personal_info">
                <span class="searchText" style="margin-left:10%;width:25%;">Confirm new password</span>
                <input name="txtEmail" type="password" maxlength="50" /></div>
            <div style="width:30%;float:right;padding:30px 0 30px 0">
                    <button class="rounded"><span>Update</span></button>
                    <button class="rounded"><span>Reset</span></button>
            </div>    
             
        </div>
        <div id="footer" class="navigation">
                <span style="margin-top:10px">Copyright by LocHT. All right reserved.</span>
        </div>
    </div>
</body>
</html>
